<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.84.0">
    <title>企业失信风险预测平台</title>
    <link href="http://10.8.20.137:8060/demo/js/bootstrap-5.0.2-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://10.8.20.137:8060/demo/css/dashboard.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
    <link href="http://10.8.20.137:8060/demo/css/index.css" rel="stylesheet">
  </head>
  <body>
    <!-- 头部 -->
    <header class="navbar navbar-dark sticky-top bg-dark  flex-md-nowrap p-0 shadow">
      <span style="text-align: center;font-size: 1.8em;" class="navbar-brand col-md-3 col-lg-2 me-0 px-3">公司名称</span>
      <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <input id='selectName' class="form-control form-control-dark w-100" type="text" placeholder="请输入需查询公司全称！" aria-label="Search">
      <div class="navbar-nav">
        <div id="select" class="nav-item text-nowrap">
          <a class="nav-link px-5" style="font-size: 1.2em;" href="#">查询</a>
        </div>
      </div>
    </header>

    <!-- 主题内容 -->
    <div class="container-fluid">
      <div class="row">
        <!-- 菜单 -->
        
        <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
          <div style="height:100vh;overflow-y:auto;padding-bottom: 200px;" class="position-sticky pt-3">
            <ul  class="nav flex-column" id="menu">
            </ul>
          </div>
        </nav>
        <!-- 内容区域 -->
        <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
          <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
            <h1 class="h2" id='titelName'>选择相应公司，即可查看公司关系图谱并进行失信风险预测!!（示例图如下）</h1>
            <div class="btn-toolbar mb-2 mb-md-0">
              <button type="button" id="text" class="btn btn-dark">
                失信风险预测
              </button>
            </div>
          </div>

          <!-- 风险预测 -->
          <div id="container" class="col-lg-2">
            <div class="row justify-content-center">
              <div class="col-10" style="text-align: center;padding-top: 10px;"><span id="number" class="badge rounded-pill bg-secondary bg-light">31</span></div>
              <div id='grade' class="col-10">
                较低
              </div>
              <div class="col-10 pt-3" id='txt'>
                运用知识图谱技术对企业相关数据进行分析建模，并在此基础上建立企业失信风险预测模型，进行量化评估，采用百分制，分数越⾼，其失信⻛险越⾼。
              </div>
            </div>
          </div>

          <!-- 数据图示 -->
          <div class="my-4 w-100" id="mountNode" style="height: 750px;">
            <div id="item" class="col-lg-2">
              名称:<span></span><br>
              注册资金：<span></span><br>
              成立日期：<span></span><br>
              人员规模：<span></span><br>
              所属行业：<span></span><br>
              归属地：<span></span><br>
            </div>
            <div id="items" class="col-lg-2">
            </div>
            <div class="col-10" style="text-align: center;"  id="start" >
              <img class="col-10" src="./images//示例图2.png">
            </div>
          </div>

        </main>
      </div>
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
    <script src="http://10.8.20.137:8060/demo/js/http.js"></script>
    <script src="http://10.8.20.137:8060/demo/js/bootstrap-5.0.2-dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/feather-icons@4.28.0/dist/feather.min.js" integrity="sha384-uO3SXW5IuS1ZpFPKugNNWqTZRRglnUJK6UAZ/gxOX80nxEkN9NcGZTftn6RzhGWE" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js" integrity="sha384-zNy6FEbO50N+Cg5wap8IKA4M/ZnLJgzc6w2NqACZaK0u0FXfOWRRJOnQtpZun8ha" crossorigin="anonymous"></script>
    <script src="https://gw.alipayobjects.com/os/lib/antv/g6/4.3.4/dist/g6.min.js"></script>
    <script src="http://10.8.20.137:8060/demo/js/index.js" ></script>
    <script src="http://10.8.20.137:8060/demo/js/g6.js"></script>
  </body>
</html>
